<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>${title} - 任务管理 - 清管管理</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
</head>
<body>
<div class="page-container">
    <!-- 此隐藏输入框用于存放任务ID -->
    <input type="hidden" id="JQ_task_id" value="${taskId}"/>
    <!-- 加载GIS地图需要的 -->
    <input type="hidden" id="gisResourcePath" value="${gisResourcePath}"/>
    <!-- content -->
    <div class="main-content">
        <div class="main-inner">
            <div class="xyf-toggle-form-div" style="">
                <span><i class="xyf-task-icon"></i>任务管理-${title}</span>
                查询条件<i class="xyf-toggle-form-icon"></i>
            </div>
            <div class="content-inner">
                <div class="zy-pick-line">
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管道名称</div>
                            <div class="zy-select-inner">
                                <blockquote class="bk-select" id="JQ_pipeline"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">管段名称</div>
                            <div class="zy-select-inner">
                                <blockquote class="bk-select" id="JQ_segment"></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-14">
                            <div class="zy-input-meta">起点位置</div>
                            <div class="zy-select-inner">
                                <blockquote class="bk-select" id="JQ_begin"></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-14">
                            <div class="zy-input-meta">终点位置</div>
                            <div class="zy-select-inner">
                                <blockquote class="bk-select" id="JQ_end"></blockquote>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">任务名称</div>
                            <div class="zy-input-inner">
                                <input id="JQ_task" type="text" class="zy-i-input" maxlength="60">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">清管类型</div>
                            <div class="zy-select-inner">
                                <blockquote class="bk-select" id="JQ_type"></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">清管工具</div>
                            <!--  此输入框用于存储清管工具的类型 -->
                            <input type="hidden" id="JQ_Tool_type" value="true"/>
                            <div class="zy-select-inner" id="JQ_toolS">
                                <blockquote class="bk-select" id="JQ_tool_select"></blockquote>
                            </div>
                            <div class="zy-input-inner" id="JQ_toolI" style="display: none;">
                                <input id="JQ_tool_input" type="text" class="zy-i-input" maxlength="60">
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-form-line">
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">计划清管时间</div>
                            <div class="zy-input-inner">
                                <input id="JQ_Time" type="text" class="zy-i-input zy-i-input-date">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-31">
                            <div class="zy-input-meta">备注</div>
                            <div class="zy-input-inner">
                                <input id="JQ_remark" type="text" class="zy-i-input" maxlength="600">
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-14">
                            <div class="zy-input-meta">&nbsp;</div>
                            <div class="zy-button-inner">
                                <button id="JQ_import" type="button" class="zy-button zy-export"><i class="zy-export-icon"></i>导入</button>
                            </div>
                        </div>
                        <div class="zy-input-group w-14">
                            <div class="zy-input-meta">&nbsp;</div>
                            <div class="zy-button-inner">
                                <span class="xyf-file-name" id="JQ_file_name"></span>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="zy-form-line">
                        <div class="zy-input-group">
                            <div class="zy-button-inner">
                                <button type="button" class="xyf-button"><i class="xyf-serve-icon"></i><span id="JQ_begin_ball">场站阀室</span></button>
                            </div>
                        </div>
                        <div class="zy-input-group">
                            <div class="xyf-button-inner">
                                <img id="JQ_exchange_ball" class="xyf-img-button" src="${pageContext.request.contextPath}/static/img/clean_pipe_change.png">
                            </div>
                        </div>
                        <div class="zy-input-group">
                            <div class="zy-button-inner">
                                <button type="button" class="xyf-button"><i class="xyf-receive-icon"></i><span id="JQ_end_ball">场站阀室</span></button>
                            </div>
                        </div>
                        <!--  此输入框用于存储收发球点是否易位 -->
                        <input type="hidden" id="JQ_reverse_text" value=""/>
                    </div>
                </div>

                <div class="zy-form-line">
                    <div class="r">
                        <div class="meta-bar" style="margin-top: 8px;">
                            <label class="zy-toggle-label">
                                <span id="JQ_toggle_list" class="active">列表</span>
                                <span id="JQ_toggle_map">地图</span>
                            </label>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>

                <!-- point list -->
                <div id="JQ_point_list">
                    <div class="zy-table">
                        <div class="xyf-table-corner"></div>
                        <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0"  style="overflow-x: hidden;">
                            <thead>
                            <tr>
                                <th width="10%"><i id="JQ_check_all" class="zy-checkbox-all" data-chk="false" title="全选"></i></th>
                                <th width="12%" title="定标点类型">定标点类型</th>
                                <th width="12%" title="位置描述">位置描述</th>
                                <th width="10%" title="绝对距离(m)">绝对距离(m)</th>
                                <th width="14%" title="最近参考点">最近参考点</th>
                                <th width="18%" title="相对最近参考点距离(m)">相对最近参考点距离(m)</th>
                                <th width="10%" title="备注">备注</th>
                                <th width="10%" title="GIS">GIS</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="xyf-export-page-div">
                        <button id="JQ_save" type="button" class="zy-button zy-submit"><i class="zy-submit-icon"></i>保存</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button type="button" onclick="javascript:history.back(-1);" class="zy-button zy-goback"><i class="zy-goback-icon"></i>返回</button>
                    </div>
                </div>

                <!-- point GIS map -->
                <div id="JQ_point_map" style="display: none">
                    <div id="mapDiv"></div>
                    <div class="xyf-slide-box" id="JQ_xyf-slide">
                        <div class="xyf-slide-content" id="JQ_slide_content">
                            <div class="xyf-begin-point" id="JQ_begin_point">
                                <div class="xyf-begin_point-top">
                                    <div class="begin_point-top-img">
                                    </div>
                                    <div class="begin_point-top-line"></div>
                                    <div class="clear"></div>
                                </div>
                                <p class="bengin-point-number" id="JQ_scroll_begin_ball"></p>
                                <p>绝对距离(m)：<span id="JQ_scroll_begin_mile"></span></p>
                            </div>
                            <div class="xyf-begin-point" id="JQ_end_point">
                                <div class="xyf-begin_point-top">
                                    <div class="end_point-top-img">
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <p class="bengin-point-number" id="JQ_scroll_end_ball"></p>
                                <p>绝对距离(m)：<span id="JQ_scroll_end_mile"></span></p>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- JS start -->
        <!-- plugin -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/plupload/plupload.full.min.js"></script>
        <!-- ui -->
        <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
        <!-- GIS -->
        <script src="${pageContext.request.contextPath}/js/basedata/pipe/loadGis.js"></script>
        <!-- base -->
        <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
        <!-- api -->
        <script src="${pageContext.request.contextPath}/static/js/controller/api/cleanPipe.api.js"></script>
        <!-- controller -->
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/task/newBuildTask.controller.js"></script>
        <!-- JS end -->
    </div>
</div>
</body>
</html>